var mySwiper = new Swiper('.topbanner', {
 	loop: true, // 循环模式选项
 	autoplay: true,
 	// 如果需要分页器
 	pagination: {
 		el: '.swiper-pagination',
 	},
 })
 var mySwiper = new Swiper('.secbanner', {
 	// freeMode : true,
	loop: true, // 循环模式选项
 	autoplay: true,
 	slidesPerView: 'auto',
 	spaceBetween: 10,
 })
 // 回到顶部部分
 $(window).scroll(function() {
 	if ($(window).scrollTop() > 100) {
 		$('.backtop').css('display', 'block');
 		$('.backtop').stop(true).animate({
 			opacity: 1
 		},300)
 	} else {
 		$('.backtop').css('display', 'none');
 		$('.backtop').stop(true, true).animate({
 			opacity: 0
 		})
 	}
 })
 $('.backtop').click(function() {
 	$('body,html').stop(true).animate({
 		scrollTop: 0
 	}, 600)
 	return false;
 })
 // 左侧菜单栏部分
//  $('.header-l').click(function(){
	
// 	 $('.leftmenu').stop(true).animate({
// 		 left:0
// 	 })
// 	 $('.container').stop(true).animate({
// 		 left:'60%'
// 	 })
// 	 $('.cover').removeClass('disnone').addClass('disblock')
// 	 $('html,body').css({
// 		 'overflow-y':'hidden'
// 	 })
//  })
// $('.cover').click(function(){
// 	$('.leftmenu').stop(true).animate({
// 			 left:'-100%'
// 		 })
// 		 $('.container').stop(true).animate({
// 			 left:'0%'
// 		 })
// 		 $(this).removeClass('disblock').addClass('disnone')
// 		 $('html,body').css({
// 		 		 'overflow-y':'auto'
// 		 })

// })
 $('.header-l').click(function(){
	
	 $('.leftmenu2').stop(true).animate({
		 left:0
	 })
	 $('.container').stop(true).animate({
		 left:'60%'
	 })
	 $('.cover').removeClass('disnone').addClass('disblock')
	 $('html,body').css({
		 'overflow-y':'hidden'
	 })
 })
$('.cover').click(function(){
	$('.leftmenu2').stop(true).animate({
			 left:'-100%'
		 })
		 $('.container').stop(true).animate({
			 left:'0%'
		 })
		 $(this).removeClass('disblock').addClass('disnone')
		 $('html,body').css({
		 		 'overflow-y':'auto'
		 })

})





$(document).ready(function(){
	$.getJSON('/api/goods/list',{pageIndex:1,pageSize:10},function(res){
		if(res.status){
			var html='';
			res.goods.forEach(function(item,index,array){
				//ES6语法,兼容性不好,IE不兼容
				html+=`<li>
			<a href="goodsdetail.html">
				<div class="outlet-img"><img src="${item.img_md}" alt=""></div>
				<div class="outlet-name"><span>${item.name}</span></div>
				<div class="outlet-detail"><span>曼妙裙摆 任意空间的光线舞者</span></div>
				<div class="outlet-price"><span>￥${item.price}</span></div>
			</a>
		</li>`;
			})
			$('.outlet').html(html);
		}
	})

})
$.getJSON('/api/category/sub',{pId:1},function(res){
			if(res.status){
				var html=``
				res.data.forEach(function(item,index){
					html+=`<li><a href="#"><span>${item.name}</span></a></li>`;
				})
				$('.leftmenu2-c').html(html);
			}
		})